import React, {useState} from 'react'
// 在组件外定义hook，注意use开头
const useInput = ()=>{
  const [val, setVal] = useState('');
  return {
    // val是数据，第二项onChange是修改数据的事件
    val,
    onChange: (e)=>setVal(e.target.value)
  }
}
export default function Login() {
  const {name: resetName, ...name} = useInput('');
  const {pass: resetPass, ...pass} = useInput('');
  const login = ()=> {
    console.log(name);
    console.log(pass);
  }
  return (
    <div>
      {/* <input type="text" value={name} onChange={(e)=>setName(e.target.value)}></input>
      <input type="text" value={pass} onChange={(e)=>setPass(e.target.value)}></input> */}
      <input type="text" {...name}></input>
      <input type="text" {...pass}></input>
      <button onClick={()=>login()}>login</button>
    </div>
  )
}
